<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="{$img}">
    <title>{$user_name}的个人主页 - {$title}</title>

    <link rel="stylesheet" href="/static/css/index.css">
    <link rel="stylesheet" href="/static/css/login.css">
    <link rel="stylesheet" href="/static/css/user.css">

    <meta name="type" content="website">
    <meta name="name" content="{$user_name}的个人主页 - {$title}">
    <meta name="description" content="{$about}">
    
    <meta property="type" content="website">
    <meta property="title" content="{$user_name}的个人主页 - {$title}">
    <meta property="description" content="{$about}">
    <meta itemprop="description" content="{$about}">
    <meta property="image" content="{$user_img}">
    <meta itemprop="image" content="{$user_img}">

    <meta property="og:type" content="website" />
    <meta property="og:title" content="{$user_name}的个人主页 - {$title}" />
    <meta property="og:site_name" content="{$user_name}的个人主页 - {$title}" />
    <meta property="og:image" content="{$user_img}" />
    <meta property="og:description" content="{$about}" />

    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="{$user_name}的个人主页 - {$title}" />
    <meta name="twitter:site" content="{$user_name}的个人主页 - {$title}" />
    <meta name="twitter:description" content="{$about}" />
    <meta name="twitter:image" content="{$user_img}">
    {$header|raw}
</head>

<body>
    <div class="desktop website app">
        <header class="app-header">
            <a href="/">
                <img class="app-header-title" src="{$logo}" alt="{$title}" height="25">
            </a>
            <ul class="app-header-nav">
                {foreach $navitems as $key=>$item}
                <li><a href="{$item['url']}" class="app-header-nav-item">{$item['name']}</a></li>
                {/foreach}
            </ul>
            <div class="app-header-space"></div>
            <a href="/login">
                <img class="app-header-user"
                    src="https://creation.codemao.cn/716/appcraft/IMAGE_U53LlVovA_1693015896678.png" alt="user_img"
                    width="35" height="35">
            </a>
        </header>
        <main class="app-main">
            <div class="app-user">
                <div class="app-user-main">
                    <div class="app-user-main-info">
                        <div class="app-user-main-info-text">
                            <img src="https://creation.codemao.cn/716/appcraft/IMAGE_U53LlVovA_1693015896678.png">
                            <h2>未登录</h2>
                        </div>
                        <div class="app-user-main-info-count">
                            <div class="app-user-main-info-count-item" id="count-posts">
                                <h3>0</h3>
                                <p>帖子</p>
                            </div>
                            <div class="app-user-main-info-count-item" id="count-goods">
                                <h3>0</h3>
                                <p>获赞</p>
                            </div>
                        </div>
                    </div>
                    <div class="app-user-main-tabs">
                        <div class="app-user-main-tabblock" style="left:0px"></div>
                        <div class="app-user-main-tab active">实验</div>
                        <div class="app-user-main-tab app-user-me-hide">账户</div>
                        <div class="app-user-main-tab app-user-me-hide">消息</div>
                    </div>
                    <div class="app-user-main-page">
                        <div id="page-01">
                            <div class="app-user-postlists"></div>
                        </div>
                        <div id="page-02" style="display: none; padding: 20px;" class="app-user-me-hide">
                            <h2 class="app-login-form-title">个人信息设置</h2>
                            <div class="app-login-form-group">
                                <input type="text" class="app-login-form-input" id="set-img" placeholder="头像链接"
                                    value="">
                                <button class="app-login-form-commit" id="send_set">保存</button>
                            </div>

                            <h2 class="app-login-form-title">保护账号</h2>
                            <p style="color: rgb(226, 69, 69);">*点击“一键保护”后将退出所有客户端的登录并冻结此账户一个小时</p>
                            <button class="app-login-form-commit" id="protect">一键保护</button>

                            <h2 class="app-login-form-title">退出登录</h2>
                            <button class="app-login-form-commit" id="logout">退出登录</button>

                        </div>
                        <div id="page-03" style="display: none;" class="app-user-me-hide app-user-messages"></div>
                    </div>
                </div>
                <div class="app-user-sidebar">
                    <h3 class="app-user-sidebar-title">TA 的信息</h3>
                    <div class="app-user-sidebar-item">
                        <span>加入时间：{$user_time}</span>
                    </div>
                    <div class="app-user-sidebar-item">
                        <span id="usergoods">获赞：0</span>
                    </div>
                </div>
            </div>
        </main>
        <footer class="app-footer">
            <div class="app-footer-service">
                <div class="app-footer-service-item">
                    <div class="app-footer-service-item-title">关于我们</div>
                    <div class="app-footer-service-item-content">
                        <p>{$footer_about}</p>
                    </div>
                </div>
                {foreach $footer_list as $key=>$item}
                <div class="app-footer-service-item">
                    <div class="app-footer-service-item-title">{$item['title']}</div>
                    <div class="app-footer-service-item-content">
                        {foreach $item['links'] as $key2=>$item2}
                        <p><a class="app-url" href="{$item2['url']}" target="_blank">{$item2['text']}</a></p>
                        {/foreach}
                    </div>
                </div>
                {/foreach}
            </div>
            <div class="app-footer-about">
                <img class="app-footer-about-logo" src="{$logo}" alt="{$title}" height="25" />
                <div class="app-footer-about-space"></div>
                <div class="app-footer-about-copyright">© 2023-present StarDreamNet版权所有！</div>
            </div>
        </footer>
    </div>

    <script src="/static/js/jquery.js"></script>
    <script src="/static/js/sweetalert.min.js"></script>
    <script src="/static/js/dsnackbar.js"></script>

    <script src="/static/editormd/lib/marked.min.js"></script>
    <script src="/static/editormd/editormd.min.js"></script>

    <script src="/static/js/index.js"></script>
    <script src="/static/js/postlist.js"></script>
    <script src="/static/js/user.js"></script>
    {$footer|raw}
</body>

</html>